<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>watch</title>
		<link rel="stylesheet" type="text/css" href="css/watch.css" />
	</head>

	<body>
		<div class="container">
			<!--导航start-->
			<div class="header">
				<div class="adv-wrapper">
					<div class="adv-wrapper-text">&lt;广告&gt;</div>
				</div>
				<div class="navbar">
					<ul class="navbar-icon">
						<li>
							<a href="mac-apple.html"><img src="img/svg/icon_image_large.svg"/></a>
						</li>
						<li>
							<a href="mac-apple.html">Mac</a>
						</li>
						<li>
							<a href="iphone-ipad.html">iPad</a>
						</li>
						<li>
							<a href="iphone-apple.html">iPhone</a>
						</li>
						<li>
							<a href="watch.html">Watch</a>
						</li>
						<li>
							<a href="music.html">Music</a>
						</li>
						<li>
							<a href="newtechnology.html">技术支持</a>
						</li>
						<li>
							<a href="#"><img src="img/svg/search_image_large.svg"/></a>
						</li>
						<li>
							<a href="#"><img src="img/svg/bag_image_large.svg"/></a>
						</li>
					</ul>
				</div>
				<div class="nav">
					<div class="tubiao">
						<ul>
							<li>
								<img class="nav-img" src="img/watch-img/watch_nav_series_2_large.svg" />
								<a href="" class="nav-description">Apple Watch Series 2</a>
							</li>
							<li>
								<img class="nav-img" src="img/watch-img/watch_nav_nike_large.svg" />
								<a href="" class="nav-description">Apple Watch Nike+</a>
							</li>
							<li>
								<img class="nav-img" src="img/watch-img/watch_nav_hermes_large.svg" />
								<a href="" class="nav-description">Apple Watch Hermes</a>
							</li>
							<li>
								<img class="nav-img" src="img/watch-img/watch_nav_edition_large.svg" />
								<a href="" class="nav-description">Apple Watch Edition</a>
							</li>
							<li>
								<img class="nav-img" src="img/watch-img/watch_nav_series_1_large.svg" />
								<a href="" class="nav-description">Apple Watch Series 1</a>
							</li>
							<li>
								<img class="nav-img" src="img/watch-img/watch_nav_watch_os_large.svg" />
								<a href="" class="nav-description">watchOS</a>
							</li>
							<li>
								<img class="nav-img" style="width: 85px;" src="img/watch-img/watch_nav_bands_large.svg" />
								<a href="" class="nav-description">表带</a>
							</li>
							<li>
								<img class="nav-img" style="width: 85px;" src="img/watch-img/watch_nav_accessories_large.svg" />
								<a href="" class="nav-description">配件</a>
							</li>
							<li>
								<img class="nav-img" style="width: 85px;" src="img/watch-img/watch_nav_compare_large.svg" />
								<a href="" class="nav-description">表款比较</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--导航end-->
			<!--content start-->
			<div class="content">
				<!--watch series-->
				<div class="watch_logo">
					<div class="logo_watch"></div>
					<div class="logo_description">
						<span style="color:cornflowerblue;"><a href="#">进一步了解</a>>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a>></span>
					</div>
				</div>
				<!--Nike图片-->
				<div class="watch_logo_nike">
					<div class="logo_watch_nike"></div>
					<div class="logo_description">
						<span style="color:cornflowerblue;"><a href="#">进一步了解</a>>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a>></span>
					</div>
				</div>
				<div class="watch_hermes_edition">
					<!--hermes 图-->
					<div class="watch_logo_hermes">
						<div class="logo_watch_hermes"></div>
						<div class="logo_description">
							<span style="color:cornflowerblue;"><a href="#">进一步了解</a>>&nbsp;&nbsp;<a href="#">购买</a>></span>
						</div>
					</div>
					<!--edition图-->
					<div class="watch_logo_edition">
						<div class="logo_watch_edition"></div>
						<div class="logo_description">
							<span style="color:cornflowerblue;"><a href="#">进一步了解</a>>&nbsp;&nbsp;<a href="#">购买</a>></span>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
				<!--watch series1-->
				<div class="watch_logo_series">
					<div class="logo_watch_series"></div>
					<div class="logo_description">
						<span style="color:cornflowerblue;"><a href="#">进一步了解</a>>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">购买</a>></span>
					</div>
				</div>
				<!--watch compare-->
				<div class="watch_logo_compare">
					<div class="compare_description">
						<h2>Apple&nbsp;Watch&nbsp;表款比较</h2>
						<span style="color:cornflowerblue;"><a href="#">找到适合自己的&nbsp;Apple&nbsp;Watch</a>&nbsp;></span>
					</div>
					<div class="logo_watch_compare"></div>
				</div>
				<!--server-->
				<div class="server">
					<div class="server_free">
						<div class="server_free_img"><img src="img/watch-img/icon_large.svg"/></div>
						<div class="clearfix"></div>
						<div class="server_description" style="padding-left: 45%;">
							<p style="font-size: 18px;">免费送货</p>
							<p style="font-size: 11px; margin-top: 8px;">享受免费送货上门服务</p>
							<span style="color: cornflowerblue; font-size: 12px;"><a href="#">进一步了解</a>&nbsp;></span>
						</div>
					</div>
					<div class="server_trem">
						<div class="server_trem_img"><img src="img/watch-img/pickup_icon_large.png" /></div>
						<div class="clearfix"></div>
						<div class="server_description" style="padding-left: 25%;">
							<p style="font-size: 18px;">分期付款</p>
							<p style="font-size: 11px; margin-top: 8px;">符合条件的信用卡用户可选择灵活的分期付款方式</p>
							<span style="color: cornflowerblue; font-size: 12px;"><a href="#">进一步了解</a>&nbsp;></span>
						</div>
					</div>

				</div>
				<!--band-->
				<div class="watch_band">
					<div class="watch_band_picture"></div>
					<div class="watch_band_logo">
						<div class="band_description">
							<h2>彩虹版精织尼龙表带</h2>
							<span style="color:cornflowerblue;"><a href="#">立即选购</a>&nbsp;></span>
						</div>
					</div>
				</div>
				<!--bands_large-->
				<div class="bands_large"></div>
				<div class="band_description" style="width: 80%;margin-top: 10px; position: relative;top: 0px; text-align: center;">
					<h2>新款表带登场</h2>
					<span style="color:cornflowerblue;"><a href="#">立即选购</a>&nbsp;></span>
				</div>
				<div class="watch_hermes_edition">
					<div class="watch_logo_gallery"></div>					
					<div class="watch_logo_accessories"></div>
				</div>
				<!--watch description-->
				<div class="watch_hermes_edition" style="height: 200px; margin-top: 50px;">
					<div class="watch_description_left watch_description">
						<h2 style="font-size: 28px;font-weight: 250;">Apple&nbsp;Watch&nbsp;互动式表廊</h2>
						<span style="color:cornflowerblue;"><a href="#">混搭各款表壳、表带、表盘</a>&nbsp;+</span>
					</div>					
					<div class="watch_description_right watch_description">
						<h2 style="font-size: 28px;font-weight: 250;">天作之合。</h2>
						<span style="color:cornflowerblue;"><a href="#">选购配件</a>&nbsp;></span>
					</div>
				</div>
				<!--watchOS 影片和广告 pricture-->
				<div class="watch_hermes_edition">
					<div class="watchOS"></div>					
					<div class="watch_bright"></div>
				</div>
				<div class="watch_hermes_edition" style="height: 200px;">
					<div class="watch_description_left watch_description">
						<h2 style="font-size: 28px;font-weight: 250;">watchOS</h2>
						<span style="color:cornflowerblue;"><a href="#">查看预览</a>&nbsp;></span>
					</div>					
					<div class="watch_description_right watch_description">
						<h2 style="font-size: 28px;font-weight: 250;">影片和广告</h2>
						<span style="color:cornflowerblue;"><a href="#">立即观看</a>&nbsp;></span>
					</div>
				</div>
			</div>
			<!--content end-->
			<div class="footer">
				<div class="foot-middle-content">
					<div class="foot-require">
						<ul>
							<li>某些款式的表带需单独购买。</li>
							<li>某些功能仅适用于部分地区或语言。需要使用 iPhone 5 或更新机型。</li>
						</ul>
					</div>
					<div class="foot-link-list">
						<div>
							<span class="icon-apple"><img src="img/watch-img/icon_large (1).svg"/></span>
							<span> > </span>
							<span> iPhone</span>
						</div>
						<div class="foot-link-list-content">
							<ul class="foot-list-box">
								<li>
									<ul>
										<li><h5>选购及了解</h5></li>
										<li><a href="#">Mac</a></li>
										<li><a href="#">iPad</a></li>
										<li><a href="#">iPhone</a></li>
										<li><a href="#">Watch</a></li>
										<li><a href="#">Music</a></li>
										<li><a href="#">iTunes</a></li>
										<li><a href="#">iPod</a></li>
										<li><a href="#">配件</a></li>
										<li><a href="#">App Store 充值卡</a></li>
									</ul>
								</li>
								<li>
									<ul>
										<li><h5>App Store 商店</h5></li>
										<li><a href="#">查找零售店</a></li>
										<li><a href="#">Genius Bar 天才吧</a></li>
										<li><a href="#">Today at Apple</a></li>
										<li><a href="#">Apple 夏令营</a></li>
										<li><a href="#">Field Trip 课外活动</a></li>
										<li><a href="#">Apple Store App</a></li>
										<li><a href="#">翻新和优惠</a></li>
										<li><a href="#">分期付款</a></li>
										<li><a href="#">重复使用和循环利用</a></li>
										<li><a href="#">订单状态</a></li>
										<li><a href="#">选购帮助</a></li>
									</ul>
								</li>
								<li>
									<ul>
										<li><h5>教育应用</h5></li>
										<li><a href="#">Apple 与教育</a></li>
										<li><a href="#">高校师生选购</a></li>
									</ul>
									<ul>
										<li><h5>商务应用</h5></li>
										<li><a href="#">Apple 与商务</a></li>
										<li><a href="#">商务选购</a></li>
									</ul>
								</li>
								<li>
									<ul>
										<li><h5>账户</h5></li>
										<li><a href="#">管理你的Apple ID</a></li>
										<li><a href="#">Apple Store 账户</a></li>
										<li><a href="#">iCloud.com</a></li>
										<li><a href="#"></a></li>
									</ul>
									<ul>
										<li><h5>Apple 价值观</h5></li>
										<li><a href="#">辅助功能</a></li>
										<li><a href="#">环境责任</a></li>
										<li><a href="#">隐私</a></li>
										<li><a href="#">供应商责任</a></li>
									</ul>
								</li>
								<li>
									<ul>
										<li><h5>关于 Apple</h5></li>
										<li><a href="#">Newsroom</a></li>
										<li><a href="#">Apple 管理层</a></li>
										<li><a href="#">工作机会</a></li>
										<li><a href="#">活动</a></li>
										<li><a href="#">联系 Apple</a></li>
									</ul>
								</li>
							</ul>
							<p>更多选购方式：前往 <a href="#" style="color: cornflowerblue;">Apple Store 零售店</a>，致电 400-666-8800 或查找在你附近的<a>授权经销商</a>。</p>
						</div>	
					</div>
					<div class="foot-copyright">
							<span>Copyright ? 2017 Apple Inc. 保留所有权利。</span>
							<div class="illegel-info">
								<span>隐私政策</span>
								<span>|</span>
								<span>使用条款</span>
								<span>|</span>
								<span>销售政策</span>
								<span>|</span>
								<span>法律信息</span>
								<span>|</span>
								<span>网站地图</span>
							</div>
							<div class="country-info" title="请输入国家和地区">
								<img src="img/watch-img/16.png"/>
								<span>中国</span>
							</div>
						</div>
				</div>
			</div>
			<div class="backup" id="backup">
				<a href="#header" class="backup-icon">^</a> 
			</div>
		</div>
		<script type="text/javascript" src="js/backup.js" ></script>
	</body>
</html>